/*
Body Settings
----------------------------------*/

html
{
    width: 100%;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
a
{
    text-decoration: none;
    color: Navy;
}
fieldset
{
    display: block;
    border: 1px solid lightgray;
}
.pnl
{
    font-size: 12px;
    color: #064385;
    font-weight: bold;
    padding: 0px 0 0px 0;
    margin: 0;
}
a:visited
{
    text-decoration: none;
    color: Navy;
}

.button_example1
{
    border: 1px solid #7d99ca;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 80px;
    font-family: Tahoma, helvetica, sans-serif;
    padding: 2px 2px 2px 2px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #a5b8da;
    background-image: linear-gradient(top, #a5b8da, #7089b3);
}

.button_example1:hover
{
    border: 1px solid #5d7fbc;
    background-color: #819bcb;
    background-image: linear-gradient(top, #819bcb, #536f9d);
}


.button_example
{
    border: 1px solid #25729a;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: Tahoma, helvetica, sans-serif;
    padding: 5px 10px 5px 10px;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background-color: #3093c7;
    background-image: linear-gradient(top, #3093c7, #1c5a85);
    height: 26px;
}

.button_example:hover
{
    border: 1px solid #1c5675;
    background-color: #26759e;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26759e), color-stop(100%, #133d5b));
    background-image: -webkit-linear-gradient(top, #26759e, #133d5b);
    background-image: -moz-linear-gradient(top, #26759e, #133d5b);
    background-image: -ms-linear-gradient(top, #26759e, #133d5b);
    background-image: -o-linear-gradient(top, #26759e, #133d5b);
    background-image: linear-gradient(top, #26759e, #133d5b);
    background: -ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b);
}


.TableBG
{
    background: #F6F6F6;
    color: #000000;
}

.Heading
{
    background-color: #26759e;
    color: White;
    vertical-align: top;
}
.AlternateChange
{
    background: #C8D7EE;
    color: Black;
}



/*body {margin:0px; padding:0px; 
      font-family:Tahoma, Helvetica, sans-serif; 
      font-size:12px; color:#515151;
       width: 100%;
        min-width: 970px;        
        height:100%;   
        }*/
body
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-width: 970px;
    height: 28px;
    font-family: Tahoma;
    color: #064385;
    font-size: 12px;
}
form
{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: auto;
    min-height: 96%; /*background-color:White;*/
    border: none 0px;
    vertical-align: bottom;
}

TEXTAREA
{
    background: none;
    color: black;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 8pt;
    text-decoration: none;
}

.inputBox
{
    border: 1px solid Gray;
    color: #000000;
    background: #FFFFFF;
    font-family: Tahoma;
    font-size: 12px;
    margin-left: 0px;
}

/* .Drp
{
	background:#D7E2F2;
	color:#0095DD;
	border-color:#0071BB;
	FONT-FAMILY:Tahoma Rounded MT Bold;
	font-size : 12px;
	width:152px;
    
} */
/* HEADINGS   
----------------------------------------------------------*/

h1
{
    font-size: 14px;
    color: #064385;
    font-weight: normal;
    padding: 10px 0 0 0px;
    margin: 0px 0 0 0;
    font-weight: bold;
}
img
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0px;
}
p
{
    margin: 5px;
    padding: 2px;
    font-size: 10pt;
}
span
{
    margin: 0px;
    padding: 0px;
}


/*ul {margin:0px; padding:0px;}
ul li {margin:0px; padding:0px;}*/

/*

Login Logout
---------------------------------*/

.loginout
{
    vertical-align: top;
    font-size: small;
    color: White;
    font-weight: normal;
}

/*
Table Setting
----------------------------------*/
#masterContent
{
    height: 100%;
    width: 100%;
    border-style: none;
    border-width: 0px;
    border-collapse: collapse;
}

/*------Update Progress------------*/
/*#overlay
{
    position: fixed;
    z-index: 99;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
#theprogress
{
    padding: 10px;
    width: 300px;
    height: 105px;
    line-height: 30px;
    text-align: center;
}
#modalprogress
{
    position: absolute;
    top: 40%;
    left: 50%;
    margin: -11px 0 0 -150px;
}*/

  .overlay {
        position: fixed;
        z-index: 99;
        top: 0px;
        left: 0px;
       
        width: 100%;
        height: 100%;
       
    }
    * html .overlay {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    }
    .loader {
        z-index: 100;
        position: fixed;
        width: 120px;
        margin-left: -60px;
        top: 50%;
        left: 50%;
    }
    * html .loader {
        position: absolute;
        margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    }

/*
Header Backround Setting
----------------------------------*/
#headerContent
{
    width: 100%;
    height: 100px;
}

.background
{
    background-image: url('./menubg.jpg');
    background-repeat: repeat-x;
}
/*
TabLine Color Differentiating The Headers 
-----------------------------------*/
.ddcolorline
{
    clear: both;
    width: 100%;
    height: 2px;
    line-height: 2px;
    background: #C80000 url('./menu_bg.png');
}

.ddcolortabsline
{
    clear: both;
    width: 100%;
    height: 5px;
    line-height: 5px;
    background: #C80000 url('./menu_bg.png');
}

/*
Content Page Settings
--------------------------------------*/
#contentPage
{
    width: 100%;
    background: #FFFFFF;
    text-align: left;
    vertical-align: top; /*height:100%;*/ /*overflow:auto;*/
}

/* Main Content Box */
#content-box
{
    width: 100%;
    margin: 0 auto; /* height:100%;*/
    background-color: White;
}

/* Right Content Box */
#content-box-in-right-in
{
    width: 40%;
    background-color: #FFFFFF;
    text-align: center;
    margin-left: 30%;
    margin-top: 10%;
}


/*
Footer Setting here
------------------------------*/

.leftAlignContent
{
    text-align: left;
}
.rightAlignContent
{
    text-align: right;
}


.footer
{
    /*color: #064385;     margin: 0px auto;     vertical-align:top;     height:auto;     width:100%;         background-color: white;    /* background-color:Red;*/
}

#footer-in
{
    /*background-color: #064385; 	width: 100%; 	margin: 0 auto; 	height:20px; 	vertical-align:top;*/
}


.footer-left
{
    float: left;
    width: 50%;
    color: #064385;
    text-align: left;
}

.footer-right
{
    float: right;
    text-align: right;
    width: 49%;
    color: #064385;
}


.Header
{
    /*  color: #064385;*/
    margin: 0px auto;
    vertical-align: top;
    height: 20px;
    width: 100%; /* background-color: white;*/ /* background-color:Red;*/
    background:  url('/WEBSALES/images/Untitled-1_05.gif') repeat-x;
}

#Header-in
{
    /* background-color: white;*/
    width: 100%;
    margin: 0 auto;
    height: 20px;
    vertical-align: top;
    background:  url('/WEBSALES/images/Untitled-1_05.gif') repeat-x;
}


.Header-left
{
    float: left;
    width: 50%; /*color: #064385;*/
    text-align: left;
    color: White;
}

.Header-right
{
    float: right;
    text-align: right;
    width: 49%; /*  color: #064385;*/
}
/**/


.submitButton
{
    height: 20px;
    padding: 0px;
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: Navy;
    line-height: 14px;
    text-align: center;
    border: #bdbcbd groove 2px;
    background-color: #E5E5E8;
}

.textEntry
{
    height: 20px;
    margin: 11px 0 0 0;
    padding: 2px 0 0 2px;
    font-family: Tahoma;
    font-size: 12px;
    color: #000000;
    background-color: White;
    border-color: Navy;
    border-style: inset;
    border-width: 1px;
}

.fleft
{
    float: left;
}

.about_contain
{
    background: #fff url('/WEBSALES/images/about-vert-shadow.jpg') repeat-y left top; /* width:1001px; */
    padding: 0px;
    margin: 10px 0 0 -1px; /* min-height:400px;*/ /*  width:100%;*/
    height: 100%;
}



.Ic1
{
    width: 250px;
    margin: 0 0 0 1px;
    padding: 0;
    min-height: 100%;
}
.Ic1 h1
{
    font-size: 18px;
    color: #064385;
    font-weight: normal;
    padding: 0px 0 0 23px;
    margin: 0px 0 0 0;
    background: url('/WEBSALES/WebSale/images/page-head-shadow.jpg') no-repeat 0 -9px;
    height: 25px;
}
.Ic1 h5
{
    font-size: 12px;
    color: #064385;
    font-weight: bold;
    padding: 0px 0 0 23px;
    margin: 0px 0 0 0;
    background: url('/WEBSALES/WebSale/images/page-head-shadow.jpg') no-repeat 0 -9px;
    height: 20px;
}
.Ic2
{
    width: 98%;
    background: #fff;
    margin: 0;
    padding: 0 0 15px 10px;
    height: 100%;
}
.Ic2 ul
{
    list-style: none;
    color: #696c6f;
    margin: 10px 0 10px 10px;
    padding: 0;
}
.Ic2 ul li
{
    list-style: square;
    padding: 0 0 3px 0;
}
.Ic2 ul li ul
{
    list-style: none;
    color: #696c6f;
    margin: 10px 0 0 25px;
    padding: 0;
}
.Ic2 ul li ul li
{
    list-style: circle;
    padding: 0 0 3px 0;
}
.Ic2 h1
{
    font-size: 18px;
    color: #064385;
    font-weight: normal;
    padding: 0 0 10px 0;
    margin: -2px 0 10px 0;
    border-bottom: #b9cadf 1px solid;
}
.Ic2 h2
{
    font-size: 15px;
    color: #0069aa;
    font-weight: bold;
    padding: 0;
    margin: 12px 0 2px 0;
}
.Ic2 h3
{
    font-size: 15px;
    color: #696c6f;
    font-weight: bold;
    padding: 0;
    margin: 12px 0 2px 0;
}
.Ic2 h4
{
    font-size: 12px;
    color: #696c6f;
    font-weight: bold;
    padding: 0;
    margin: 11px 0 -3px 0;
}
.Ic2 h5
{
    font-size: 10px;
    color: #064385;
    font-weight: normal;
    padding: 0 0 10px 0;
    margin: -2px 0 10px 0;
    border-bottom: #b9cadf 1px solid;
}
.Ic2 p
{
    font-size: 10px;
    color: #696c6f;
    font-weight: normal;
    padding: 00px 0 0px 0;
    margin: 0;
}
/*.Ic2 a {font-family:Tahoma, Helvetica, sans-serif; font-size:12px; color:#0069aa; text-decoration:none;}*/
/*.Ic2 a:hover {text-decoration:underline;}*/



/*.menuModule
{background: url('/WebSale/images/arrow-act.gif') no-repeat 3px 5px; 
  padding:3px 0 3px 14px; color:Green; 
    }*/




.pnl
{
    font-size: 12px;
    color: #064385;
    font-weight: bold;
    padding: 0px 0 0px 0;
    margin: 0;
}
.table
{
    /*  background-color:#F3F5FE;           background-color:#ECEBEC;*/
    background-color: #F5F5F5;
    width: 98%;
}

.label
{
    font-family: Tahoma;
    color: #064385;
    font-size: 10px;
}
.labletext
{
    font-family: Tahoma;
    color: #064385;
    font-size: 12px;
}
.lable
{
    font-family: Tahoma;
    color: #064385;
    font-size: 12px;
}
.lableDisp
{
    font-family: Tahoma;
    color: #064385;
    font-size: 12px;
}
.txtBox
{
    font-family: Tahoma;
    color: Black;
}
.GridText
{
    font-family: Tahoma;
    color: #064385;
    font-size: 12px;
}

.GridHeader
{
    font-family: Tahoma;
    color: #064385;
    font-size: 12px;
    font-weight: bold;
}


.welcomeUser
{
    font-size: 18px;
    color: White;
    font-weight: normal;
    padding: 0px 0 0 23px;
    margin: 0px 0 0 0;
    height: 45px;
}


/********Password strength*********/
.TextIndicator_TextBox1
{
    background-color: Gray;
    color: White;
    font-family: Tahoma;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
}

.TextIndicator_TextBox1_Strength1
{
    background-color: Gray;
    color: White;
    font-family: Tahoma;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength2
{
    background-color: Gray;
    color: Yellow;
    font-family: Tahoma;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength3
{
    background-color: Gray;
    color: #FFCAAF;
    font-family: Tahoma;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength4
{
    background-color: Gray;
    color: Aqua;
    font-family: Tahoma;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
.TextIndicator_TextBox1_Strength5
{
    background-color: Gray;
    color: #93FF9E;
    font-family: Tahoma;
    font-size: x-small;
    font-style: italic;
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}

/*******************************/

.clear
{
    /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.roundedButton
{
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: Navy;
    line-height: 14px;
    text-align: center;
    background: url('/WEBSALES/images/bg_button_a.gif') no-repeat right top; /*color: #444;*/
    display: block;
    float: left; /*font: normal 12px Tahoma, sans-serif;*/
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

.roundedButton1
{
    background: url('/WEBSALES/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}


.roundedButton:active
{
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

.roundedButton:active span
{
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/*inner menu*/


/* .menuleft ul {padding:0; margin:0;list-style-type: none;  }   
 .menuleft ul li {background: url('/WebSale/images/arrow.gif') no-repeat 3px 8px; 
border-bottom:1px #d2dbea solid; padding:3px 0 3px 0; font-weight:normal;
}   
 .menuleft ul li a, .menuleft ul li a:visited 
{
    display:block; text-decoration:none; height:20px; font-size:12px; padding:3px 0 3px 14px;
 }
.menuleft ul li a:hover {background-color:#eee;  font-weight:bold; 
color:#064385; display:block; text-decoration:none; 
width:175px; height:20px; font-size:12px; padding:3px 0 3px 14px;
} */
/*.menuleft ul li ul li a .menuleft ul li ul li a:visited 
{background: url('/WebSale/images/up.png') no-repeat 3px 8px; background-color:#F3F5FE;
 padding:3px 0 3px 14px; color:Red;
    }
   .menuleftul li ul li a:hover { background-color:White; font-weight:bold; width:175px;
color:Red; display:block; text-decoration:none; 
 height:20px; font-size:12px; padding:3px 0 3px 14px;
}  */

/*jquery menu*/

.menuleft
{
    font-family: Tahoma, Helvetica;
    font-size: 12px;
    margin: 0;
    font-size: 12px;
    margin: 0 0 0 5px;
    width: 250px;
}
.ulMenuList1
{
    width: 250px;
    height: 400px;
    margin: 7px 0 30px 0;
    padding: 3px 0 3px 14px;
}

/* Some list and link styling */
.menuleft ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.menuleft ul li
{
    width: 250px;
    margin: 0;
    padding: 0;
    border-bottom: 1px #d2dbea solid;
    padding: 3px 0 3px 0;
    font-weight: normal;
}
.menuleft ul li a, ul li a:visited
{
    display: block;
    text-decoration: none;
    height: 20px;
    font-size: 12px;
    padding: 3px 0 3px 8px;
}
.menuleft ul ul li
{
    border-left: 25px solid #69c;
    padding: 0;
    width: 200px;
    margin-bottom: 0;
}
.menuleft ul ul li a
{
    display: block;
    color: #369;
    display: block;
    text-decoration: none;
    height: 20px;
    font-size: 12px;
    padding: 3px 0 3px 8px;
}
.menuleft ul ul li a:hover
{
    display: block;
    color: #369;
    background-color: #eee;
    padding: 3px 0 3px 8px;
    font-size: 12px;
    font-weight: bold;
}
/* For the xtra menu */
/*ul ul ul li { border-left: none; border-bottom: 1px solid #eee; padding: 0; width: 175px; margin-bottom: 0; }
		ul ul ul li a { display:block; color: #000; padding: 3px 6px; font-size: small; }
		ul ul ul li a:hover { display:block; color: #369; background-color: #eee; padding: 3px 8px; font-size: small; }*/


.menuleft li
{
    list-style-type: none;
}
.menuleft h2
{
    margin-top: 1.5em;
}

/* Header links styling */
.menuleft h3.head a
{
    color: Navy;
    display: block;
    border-top: 1px solid #36a;
    border-right: 1px solid #36a;
    background: #ddd url('/WEBSALES/images/down.png') no-repeat 98% 50%;
    padding: 3px 6px;
}
.menuleft h3.head a:hover
{
    color: #fff;
    background: #69c url('/WEBSALES/images/down.png') no-repeat 98% 50%;
}
.menuleft h3.selected a
{
    background: #69c url('/WEBSALES/images/up.png') no-repeat 98% 50%;
    color: #fff; /*padding: 3px 6px;*/
}
.menuleft h3.selected a:hover
{
    background: #69c url('/WEBSALES/images/up.png') no-repeat 98% 50%; /*color: #36a;*/
    color: #fff;
}






/*
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#newsticker-demo
{
    width: 310px;
    background: #EAF4F5;
    padding: 5px 5px 0;
    font-family: Tahoma,Tahoma,Sans-Serif;
    font-size: 12px;
    margin: 20px auto;
}

#newsticker-demo a
{
    text-decoration: none;
}
#newsticker-demo img
{
    border: 2px solid #FFFFFF;
}

#newsticker-demo .title
{
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
}

.newsticker-jcarousellite
{
    width: 300px;
}
.newsticker-jcarousellite ul li
{
    list-style: none;
    display: block;
    padding-bottom: 1px;
    margin-bottom: 5px;
}
.newsticker-jcarousellite .thumbnail
{
    float: left;
    width: 110px;
}
.newsticker-jcarousellite .info
{
    float: right;
    width: 190px;
}
.newsticker-jcarousellite .info span.cat
{
    display: block;
    font-size: 10px;
    color: #808080;
}

.clear
{
    clear: both;
}
/*///////////////////////////////////////////////////////////////////////////////////*/

/*jquery menu*/

.modalBackground
{
    background-color: #CCCCFF;
}
.accordionContent
{
    /*border-top-style:outset;*/ /* border-color: -moz-use-text-color #2F4F4F #2F4F4F;             border-right: 1px dashed #2F4F4F;             border-style: none dashed dashed;             border-width: medium 1px 1px;  */
}
.accordionHeaderSelected
{
    background-color: #5078B3;
    border: 1px solid #2F4F4F;
    color: white;
    cursor: pointer;
    font-family: Tahoma Tahoma;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
    width: 40%;
}
.accordionHeader
{
    background-color: #507CD1;
    border: 1px solid #2F4F4F;
    color: white;
    cursor: pointer;
    font-family: Tahoma Tahoma;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
    width: 40%;
}
.accordionHeader1
{
    background-color: #507CD1;
    border: 1px solid #2F4F4F;
    color: white;
    cursor: pointer;
    font-family: Tahoma Tahoma;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
    width: 100%;
    height: 10px;
}
.href
{
    color: White;
    font-weight: bold;
    text-decoration: none;
}

.inputSubmit
{
    line-height: 16px;
    font-size: 13px;
    color: Navy;
    border: 1px solid #13719D;
    font-family: Tahoma,tahoma,Tahoma;
    font-weight: bold;
    background-color: #eeeeee;
    vertical-align: middle;
    text-align: center;
}

.hlLogout
{
    margin-right: 10px;
}
.divstylenone
{
    display: none;
}
.divstyle
{
    display: inline;
}
th.sortasc a
{
    display: block;
    padding: 0 4px 0 15px;
    background: url(/WEBSALES/images/asc.gif) no-repeat;
}

th.sortdesc a
{
    display: block;
    padding: 0 4px 0 15px;
    background: url(/WEBSALES/images/desc.gif) no-repeat;
}
.btnclose
{
    background: url('/WEBSALES/images/cancel4.jpg') no-repeat;
    display: block;
    height: 20px;
    width: 20px;
}
.Initial
{
    display: block;
    padding: 4px 10px 4px 10px;
    float: left;
    background: url('/WEBSALES/Images/SelectedButton1.png') repeat-x right top;
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.Clicked
{
    float: left;
    display: block;
    background: url('/WEBSALES/Images/InitialImage1.png') repeat-x right top;
    padding: 4px 10px 4px 10px;
    color: white;
    font-weight: bold;
    color: White;
    text-decoration: none;
}
.TestClass
{
    background-image: url('/WEBSALES/images/transparencylogo.JPG');
}

.TestBgColor
{
    background-color: Transparent;
}